<!--
 * @Author: your name
 * @Date: 2019-11-04 12:22:44
 * @LastEditTime : 2020-01-14 10:00:03
 * @LastEditors  : Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /-/src/pages/expertOnline.vue
 -->
<template>
    <view class="container">
        <view class="box">
           <view class="top">
                <!-- <view class="logo">
                    <image class="tips1" src="../static/images/title-text.png" mode="scaleToFill" lazy-load="false"></image>
                </view> -->
           </view>
            <view class="content">
                <view class="intro">
                    <view class="text">平台所在城市的专家客服团队，为客户提供线上金融咨询服务。我们的服务宗旨是：更专业，更贴心。我们将以最专业的业务储备，最贴心的服务态度为您提供融资解答，售后服务，产品介绍，以及把最精确的金融产品匹配给您。</view>
                </view>
                <view class="service-list">
                    <view class="item" v-for="(item,index) in serviceList" :key="index">
                        <view class="title">
                            <view class="line"></view>
                            <view>{{item.title}}</view>
                        </view>
                        <view>{{item.content}}</view>
                    </view>
                </view>
                <view class="local-service">
                    <view class="title">
                         <image  src="../static/images/online-text.png" mode="scaleToFill" lazy-load="false"></image>
                    </view>
                    <view class="intro">
                        <view class="text">
                            平台总部的专家客服团队，受理全国客户的线上咨询。平台专家们已经解决了成千上万的客户融资问题，为每一位 客户提供完美的业务解答和问题解决。平台专家团队的服务理念是：以专注为核心，以客户为根本。
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <view class="footer">
            <!-- <view class="logo">
                    <image src="../static/images/login-logo.png" mode="scaleToFill" lazy-load></image>
            </view> -->
            <view class="call">客服电话:010-86390610</view>
		</view>
    </view>
</template>
<script>

export default {
  data() {
    return {
        serviceList: [{
           title:"房产抵押服务",
           content:"平台本地专家为需要大额融资的客户提供优质的房产抵押方案，解答客户关于房抵的各种疑问。帮助客户以各种房契作为抵押物，以最稳妥的方式获得最高的额度。"
        },{
           title:"车产抵押服务",
           content:"平台本地专家为需要资金快速周转的客户提供稳健的车产抵押咨询服务。回答客户关于二手车车型、里程数、出款额度等一系列问题。帮助客户以最简捷的手续匹配最佳的资金方。"
        },{
           title:"极速服务",
           content:"平台本地专家为急需融资的客户，第一时间为其匹配线上融资产品。回答客户关于各类征信和资质等问题。为客户建议利率最低、额度最高的产品。"
        },{
           title:"信用卡服务",
           content:"平台本地专家为客户所需来匹配各大商业银行信用卡。无论客户是为了提额、美食优惠、廉价观影还是方便旅行，专家们必为客户优质优选。"
        },{
           title:"按揭房服务",
           content:"平台本地专家为急需购房的客户，解答各类办理按揭房资质和批款额度等问题"
        },{
           title:"按揭车服务",
           content:"平台本地专家为需要贷款买车的朋友提供方案和建议，对购车所涵盖的资金问题逐一解答"
        },{
           title:"工资流水服务",
           content:"平台本地专家对工薪阶层、打工一族的资金需求问题给予技术性解答。保证工薪族可以通过工资流水提出贷款额度。"
        },{
           title:"自存流水服务",
           content:"平台本地专家对中小微企业、自主创业者、个体商户融资难的问题给予多方面支持。为他们融资前制定好计划和告知需要准备的手续。"
        },{
           title:"营业执照服务",
           content:"平台本地专家对企业经营者融资问题予以技术性和政策性的双向解答。尤其是想以营业执照作为融资资质的客户设计最佳贷款方案。"
        },{
           title:"社保服务",
           content:"平台本地专家针对工作稳定，工作年限较长的客户制定相应的融资方案。专家尽量为此类客户设计社保类贷款服务。"
        },{
           title:"公积金服务",
           content:"平台本地专家针对工作稳定，尤其是公务员事业编国企单位员工指定公积金贷款方案"
        },{
           title:"保单服务",
           content:"平台本地专家对于那些持有各类保单的客户予以问题解答。帮助客户用自有保单作为贷款资质进行融资。"
        }]
    };
  },
  onLoad(options) {
   
  },
  onShow(){
    // #ifdef H5
        document.title=`尊享平台权益`
    // #endif
  },

};
</script>
<style lang="less" scoped>
   .container{
       .box{
            width: 100%;
            height: 100%;
            background: url("../static/images/exper-bg-line.png");
            background-repeat: repeat;
            background-size: 100% 100%;
           .top{
               width: 100%;
               height: 690upx;
               background: url("../static/images/exper-bg.png");
               background-size: 100% 690upx;
               background-repeat: no-repeat;
               overflow: hidden;
              .logo{
                   width: 163upx;
                   height: 50upx; 
                   margin: 15upx auto 60upx;
                  image{
                      width: 163upx;
                      height: 50upx;
                  }
              }
           }
            .intro{
                    width:578upx;
                    height:322upx;
                    margin: 0 auto 48upx;
                    border:10upx solid rgba(242,242,242,1);
                    border-radius: 20upx;
                    font-family:PingFang-Semibold;
                    font-weight:bold;
                    font-size:28upx;
                    line-height:36upx;
                    color:rgba(255,254,254,1);
                    .text{
                        padding: 32upx 46upx 26upx;
                        border-bottom:1upx solid rgba(242,242,242,1);
                    }
               }
           .content{
              
               .service-list{
                   overflow: hidden;
                   .item{
                        width:652upx;
                        font-weight:bold;
                        border:10upx solid rgba(255,254,254,1);
                        box-shadow:0px 4upx 0px rgba(0,136,255,0.47);
                        font-family:PingFang-Semibold;
                        font-size:24upx;
                        line-height:36upx;
                        color:rgba(255,254,254,1);
                        border-radius: 20upx;
                        margin: 0 auto 20upx;
                        padding:0 24upx 48upx;
                        .title{
                            display: flex;
                            align-items: flex-end;
                            padding: 36upx 0 26upx; 
                            .line{
                                width: 22upx;
                                height: 4upx;
                                background: #000000;
                            }
                        }
                   }
               }
               .local-service{
                   overflow: hidden;
                   .title{
                       width: 371upx;
                       height: 146upx;
                       margin: 30upx auto 30upx;
                       image{
                           width: 371upx;
                           height: 146upx;
                       }
                   }
               }
           }
       }
       .footer{
            text-align: center;
            height: 124upx;
            margin-top: 20upx;
            .logo{
                height: 44upx;
                image{
                    width: 145upx;
                    height: 44upx;
                }
                
            }
            .call{
                height:32upx;
                font-size:26upx;
                font-family:PingFang-Semibold;
                font-weight:bold;
                line-height:29upx;
                color:rgba(102,102,102,1);
                margin-top: 12upx;
            }
        }
   }
</style>